<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="12px" viewBox="0 0 12 12" version="1.1"
     xmlns="http://www.w3.org/2000/svg" class="search-icon">
    <g id="exchange_1" stroke="none" stroke-width="1" fill-rule="evenodd"
       transform="translate(-256.000000, -20.000000)" fill-opacity="1">
        <g id="Group-51" transform="translate(246.000000, 11.000000)">
            <path d="M21.895538,20.8947878 C21.7560053,21.0350707 21.5302024,21.0350707 21.3906697,20.8947878 L18.047136,17.5520044 C17.1926858,18.2894272 16.0936782,18.7515355 14.8761428,18.7515355 C12.1830116,18.7515355 10,16.569274 10,13.8753927 C10,11.1822615 12.1830116,9 14.8761428,9 C17.569274,9 19.7522857,11.1822615 19.7522857,13.8753927 C19.7522857,15.092928 19.2901774,16.1926858 18.5520044,17.0478862 L21.8947878,20.3906697 C22.0358209,20.5294522 22.0358209,20.7560053 21.895538,20.8947878 L21.895538,20.8947878 Z M19.00286,13.8753927 C19.00286,11.5971087 17.155177,9.74942565 14.876893,9.74942565 C12.598609,9.74942565 10.750926,11.5971087 10.750926,13.8753927 C10.750926,16.1544268 12.598609,18.0021099 14.876893,18.0021099 C17.155177,18.0021099 19.00286,16.1544268 19.00286,13.8753927 L19.00286,13.8753927 Z"
                  id="Shape"></path>
        </g>
    </g>
</svg>
<div class="filter" w-i18n-ns="app.utils">
    <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="12px" height="12px" viewBox="0 0 12 12" version="1.1"
         xmlns="http://www.w3.org/2000/svg" class="search-icon">
        <g id="exchange_1" stroke="none" stroke-width="1" fill-rule="evenodd"
           transform="translate(-256.000000, -20.000000)" fill-opacity="1">
            <g id="Group-51" transform="translate(246.000000, 11.000000)">
                <path d="M21.895538,20.8947878 C21.7560053,21.0350707 21.5302024,21.0350707 21.3906697,20.8947878 L18.047136,17.5520044 C17.1926858,18.2894272 16.0936782,18.7515355 14.8761428,18.7515355 C12.1830116,18.7515355 10,16.569274 10,13.8753927 C10,11.1822615 12.1830116,9 14.8761428,9 C17.569274,9 19.7522857,11.1822615 19.7522857,13.8753927 C19.7522857,15.092928 19.2901774,16.1926858 18.5520044,17.0478862 L21.8947878,20.3906697 C22.0358209,20.5294522 22.0358209,20.7560053 21.895538,20.8947878 L21.895538,20.8947878 Z M19.00286,13.8753927 C19.00286,11.5971087 17.155177,9.74942565 14.876893,9.74942565 C12.598609,9.74942565 10.750926,11.5971087 10.750926,13.8753927 C10.750926,16.1544268 12.598609,18.0021099 14.876893,18.0021099 C17.155177,18.0021099 19.00286,16.1544268 19.00286,13.8753927 L19.00286,13.8753927 Z"
                      id="Shape"></path>
            </g>
        </g>
    </svg>
    <w-search class="search-wrapper">
        <input class="search-input"
               type="w-search"
               ng-model="$ctrl.search"
               placeholder="Search">
    </w-search>
    <i class="input-clear" ng-click="$ctrl.search=''"></i>
    <w-help-icon ng-if="!$ctrl.search">
        <div class="help-icon__row bold caption-2 basic-700" w-i18n="directives.filter.helpIcon.header"></div>
        <div class="help-icon__row caption-2 basic-700">
            <span class="label-background" w-i18n="directives.filter.helpIcon.name"></span>/
            <span class="label-background" w-i18n="directives.filter.helpIcon.assetId"></span>/
            <span class="label-background" w-i18n="directives.filter.helpIcon.ticker"></span>
        </div>
    </w-help-icon>
</div>
